@CHARSET "UTF-8";
* { margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35); }
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; font-family:"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53", Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.231; -webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; border: 0 none;max-width: 100%;height: auto;width: auto\9; /* ie8 */}
img:not([src*="/"]) { display: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
th, td, caption { vertical-align: middle; }
textarea { resize: none; border: 0; padding: 8px 0; border-radius: 0;}
ul,li { list-style: none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
.clr:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clr {*zoom:1;}
.telphone {display:block; position:fixed; right:2%; bottom:15%; z-index:100; cursor:pointer;}
.telphone img {width:44px; height:44px;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 ,footer { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/*音乐图标*/
#audio_btn{position: fixed;right: 10px;top: 10px;z-index: 200;display: none;width: 30px;height: 30px;background-image: url(../images/audio.png);background-repeat: no-repeat;background-size: 30px 60px;background-position: 0px 0px;}
#audio_btn.off{background-position: 0px -30px;}


/*页面loading*/
/*loading 动画 star*/
#loading{width:100%;height:100%;position:fixed;background-color:#191919;left:0;top:0;z-index:10000;}
#loading p{
	width: 86px;
	height: 86px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -43px;
	margin-left: -43px;
	background-image: url(../images/logo.jpg);
	background-size:100% 100%;
}
#loading p img{
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  animation-timing-function:linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
}

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}
/*loading 动画 end*/

/*手机端样式*/
img{-webkit-user-select:​ none}
.main{ width:100%;height:100%;min-width:300px; margin:0 auto;-webkit-box-sizing: border-box; -moz-box-sizing:border-box; position:relative;overflow: hidden;}

/*上下滚动开始*/
.m-page { position:absolute; left:0; top:0%; height:100%; width:100%; background:#fff; }
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }
.m-img { max-width:640px; height:100%; margin:0 auto;}


.u-arrow { position: fixed; bottom: 10px; left:50%;z-index: 150; width: 24px; height: 14px; margin-left: -7px; }
.u-arrow img { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -14px; width: 24px; height: 14px; background-position: 0 -82px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
/*上下滚动结束*/

/*左右滚动开始*/
.sl-slider-wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}


.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}


.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}


.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}


.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}


.main .sl-slider-wrapper {width: 100%;height:100%;overflow: hidden;position: relative;}

.main .bg-img {
	display:block;
	padding: 0px 0px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
}
.jt_left{position:absolute;top:50%;display:block;width:30px;height:30px;margin-top:-15px;z-index:100;
right:8px;-webkit-animation: move 2s infinite;	}
.jt_left img{width:30px;height:30px;}


@-webkit-keyframes move  {
  from { right:8px; }
  to { right:50px; }
}
/*左右滚动开始*/


/*画布效果*/
#cas{
	position:absolute;
	z-index:669;
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-moz-transition:opacity .5s;
}
		
.noOp{
	opacity: 0 !important;
}

/*上下撕裂*/
.jt_up{position:absolute;bottom:5px;display:block;width:30px;height:30px;z-index:100;
left:50%;margin-left:-15px;-webkit-animation: move2 2s infinite;}
.jt_up img{width:30px;height:30px;}

@-webkit-keyframes move2  {
  from { bottom:5px; }
  to { bottom:15px; }
}

/*手机端样式*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img{-webkit-user-select:​ none}

.m-img img{width:auto; height:auto;}


.HasAnimation{opacity:0;}
.pageNow .HasAnimation:nth-child(1){-webkit-animation-delay: 0.5s;}
.pageNow .HasAnimation:nth-child(2){-webkit-animation-delay: 1s;}
.pageNow .HasAnimation:nth-child(3){-webkit-animation-delay: 1.5s;}
.pageNow .HasAnimation:nth-child(4){-webkit-animation-delay: 2s;}
.pageNow .HasAnimation:nth-child(5){-webkit-animation-delay: 2.5s;}
.pageNow .HasAnimation:nth-child(6){-webkit-animation-delay: 3s;}
.pageNow .HasAnimation:nth-child(7){-webkit-animation-delay: 3.5s;}
.pageNow .HasAnimation:nth-child(8){-webkit-animation-delay: 4s;}
.pageNow .HasAnimation:nth-child(9){-webkit-animation-delay: 4.5s;}
.pageNow .HasAnimation:nth-child(10){-webkit-animation-delay: 5s;}
.pageNow .HasAnimation:nth-child(11){-webkit-animation-delay: 5.5s;}
.pageNow .HasAnimation:nth-child(12){-webkit-animation-delay: 6s;}
.pageNow .HasAnimation:nth-child(13){-webkit-animation-delay: 6.5s;}
.pageNow .HasAnimation:nth-child(14){-webkit-animation-delay: 7s;}
.pageNow .HasAnimation:nth-child(15){-webkit-animation-delay: 7.5s;}
.pageNow .HasAnimation:nth-child(16){-webkit-animation-delay: 8s;}
.pageNow .HasAnimation:nth-child(17){-webkit-animation-delay: 8.5s;}
.pageNow .HasAnimation:nth-child(18){-webkit-animation-delay: 9s;}
.pageNow .HasAnimation:nth-child(19){-webkit-animation-delay: 9.5s;}
.pageNow .HasAnimation:nth-child(20){-webkit-animation-delay: 10s;}
.pageNow .p1{
	opacity:1;
	-webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode: both;

	}
.pageNow .p2{
	opacity:1;
	-webkit-animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
	
	}
.pageNow .p3{
	opacity:1;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
	}
	
.pageNow .p4{
	opacity:1;
	-webkit-animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
	}
.pageNow .p5{
	opacity:1;
    -webkit-animation-name: scaleBig;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
	
}
.pageNow .p6{
	opacity:1;
    -webkit-animation-name: show;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
	
}
	
	
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-100px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(100px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}

@-webkit-keyframes bounceInRight{
    0%{opacity:0;
        -webkit-transform:translateX(100px)}
    60%{opacity:1;
        -webkit-transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);opacity: 1}
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-100px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
    0%{opacity:0;
        -webkit-transform:translateX(100px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}


/*由小变大*/
@-webkit-keyframes scaleBig{
    0%{opacity:0;
        -webkit-transform:scale(0)}
    100%{opacity:1;
        -webkit-transform:scale(1)}
}
/*渐显渐入*/
@-webkit-keyframes show{
    0%{opacity:0;}
    100%{opacity:1;}
}





/*11.26*/
.pb_box{width:94%;margin:0 auto;height:98%;overflow:hidden;}





/*倒序叠图 start*/
.dxdt{background-color:#000;}
.dxdt img{
	position:absolute;
	width:90%;
	height:90%;
	top:5%;
	left:5%;
    border-radius: 2px;
	box-shadow: 0px 0px 13px 0px #B8B8B8;
	-webkit-transition: all 0.8s ease-out;
	-webkit-transform: rotateZ(30deg) scale(3) translate(100% ,100%);

}

.pageNow .dxdt .dxdt_img:nth-child(1){-webkit-transform: rotateZ(0deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 0s;}
.pageNow .dxdt .dxdt_img:nth-child(2){-webkit-transform: rotateZ(1.6deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 0.5s;}
.pageNow .dxdt .dxdt_img:nth-child(3){-webkit-transform: rotateZ(3.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 1s;}
.pageNow .dxdt .dxdt_img:nth-child(4){-webkit-transform: rotateZ(4.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 1.2s;}
.pageNow .dxdt .dxdt_img:nth-child(5){-webkit-transform: rotateZ(5.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 1.4s;}
.pageNow .dxdt .dxdt_img:nth-child(6){-webkit-transform: rotateZ(6.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 1.6s;}
.pageNow .dxdt .dxdt_img:nth-child(7){-webkit-transform: rotateZ(7.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 1.8s;}
.pageNow .dxdt .dxdt_img:nth-child(8){-webkit-transform: rotateZ(8.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 2s;}
.pageNow .dxdt .dxdt_img:nth-child(9){-webkit-transform: rotateZ(9.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 2.2s;}
.pageNow .dxdt .dxdt_img:nth-child(10){-webkit-transform: rotateZ(10.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 2.4s;}
.pageNow .dxdt .dxdt_img:nth-child(11){-webkit-transform: rotateZ(11.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 2.6s;}
.pageNow .dxdt .dxdt_img:nth-child(12){-webkit-transform: rotateZ(12.6deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 2.8s;}
.pageNow .dxdt .dxdt_img:nth-child(13){-webkit-transform: rotateZ(13.2deg) scale(1) translate(0% ,0%); -webkit-transition-delay: 3s;}

.A-biao a:link,.A-biao a:visited{ text-decoration:none; color:#000;}
/*倒序叠图 end*/
.imgtc{
	position:relative;
	}
.imgtc .imgabs{
	position:absolute;
	width:280px;
	left:50%;
	margin-left: -110px;
	top:26%;
     z-index:10;
	 display:none;
	}
.mask{
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	z-index:9;
	height:100%;
	width:100%;
	}
	
.baby-img{ max-width:640px; margin:0 auto; padding:0; margin:0; border:0px;}

.baby-main{max-width:640px; margin:0 auto; padding:0; margin:0; border:0px;}
.baby-brand{ position:absolute; width:80%; top:67%; margin:0 auto; left:10%; clear:both;}
.baby-brand li{ float:left; width:25%;}
.baby-brand li img{ width:80%;}

.baby-brand2{ position:absolute; width:80%; top:83%; margin:0 auto; left:10%; clear:both;}
.baby-brand2 li{ float:left; width:25%;}
.baby-brand2 li img{ width:80%;}

.baby-brand3{ position:absolute; width:80%; top:60%; margin:0 auto; left:10%; clear:both;}
.baby-brand3 li{ float:left; width:25%;}
.baby-brand3 li img{ width:70%;}

.baby-brand4{ position:absolute; width:80%; top:73%; margin:0 auto; left:10%; clear:both;}
.baby-brand4 li{ float:left; width:25%;}
.baby-brand4 li img{ width:70%;}

.baby-brand5{ position:absolute; width:80%; top:86%; margin:0 auto; left:10%; clear:both;}
.baby-brand5 li{ float:left; width:25%;}
.baby-brand5 li img{ width:70%;}

.aojiao{ font-size:1.48em; color:#90BD6A; }
.aojiao img{ width:45%; position:absolute; left:27%; top:90%}
.aojiao_1{ position:absolute; top:63.5%; left:59%; width:20%;}
.aojiao_2{ position:absolute; top:67%; left:22%; width:20%;}
.aojiao_3{ position:absolute; top:67%; left:57%; width:20%;}

.mingxing_1{ position:absolute; top:64%; left:59%; width:20%;color:#FBB328}
.mingxing_2{ position:absolute; top:67.5%; left:22%; width:20%;color:#FBB328}
.mingxing_3{ position:absolute; top:67.5%; left:57%; width:20%;color:#FBB328}

.gexing_1{ position:absolute; top:63%; left:59%; width:20%;color:#A3DAEF;}
.gexing_2{ position:absolute; top:66.1%; left:22%; width:20%;color:#A3DAEF;}
.gexing_3{ position:absolute; top:66%; left:57%; width:20%;color:#A3DAEF;}

.tuhao_1{ position:absolute; top:63%; left:58%; width:20%; color:#F06137;}
.tuhao_2{ position:absolute; top:66.1%; left:21%; width:20%;color:#F06137;}
.tuhao_3{ position:absolute; top:66%; left:56%; width:20%;color:#F06137;}

.pos{ position:relative;}
.chair-1{ position:absolute; top:34%; left:9%; width:30%;}
.chair-2{ position:absolute; top:51%; left:63%;width:30%;}
.chair-3{ position:absolute; top:40%; left:7%;width:87%; opacity:0.8; background:rgba(0 0 0 0.5);}
.chair-3 textarea{ width:87%;height:14%; margin:0 auto; border-radius:5px; position:fixed; font-size:16px;}

.chair-4{ position:absolute; top:72%; left:37%;width:25%;}
.chair-5{ position:absolute; top:66%; left:30%;border:#FF570B;}
.chair-5 input{ height:26px; width:80%; border-radius:4px; border:#FF570B 1.5px solid; padding-left:3px;}
.chair-6{ position:absolute; top:65%; left:34%; width:32%;}

.chair-3 textarea input:-moz-placeholder { color:#F00; font-size:16px;}
.chair-3 textarea::-webkit-input-placeholder { color:#F00; font-size:16px; font-weight:bold;}

.m-input{ position:absolute; width:80%; left:9%;top:71%;height:25%; }
.m-input input{ width:100%; border-radius:10px; height:20%;}
.m-btn{ position:absolute; width:40%; top:80%; left:8%;}
.m-btn2{ position:absolute; width:40%; top:80%; left:52%;}